<!DOCTYPE html>
<html class="reftest-wait">
  <head>
    <title>Dynamic tests involving changes to row/column/framespacing</title>
    <meta charset="utf-8"/>
  </head>
  <body>
  <math>
    <mtable id="mtable0" rowspacing="2ex 3ex">
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <math>
    <mtable id="mtable1" columnspacing="2em 3em">
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <math>
    <mtable id="mtable2" framespacing="2em 2ex" frame="solid">
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <math>
    <mtable id="mtable3" >
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <math>
    <mtable id="mtable4" >
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <math>
    <mtable id="mtable5" frame="solid">
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <math>
    <mtable id="mtable6" frame="none">
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
      <mtr>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
        <mtd>
          <mn>X</mn>
        </mtd>
      </mtr>
    </mtable>
  </math>
  <p>
  <script>
    function doTest() {
      // remove spacing attributes
      document.getElementById("mtable0").removeAttribute("rowspacing");
      document.getElementById("mtable1").removeAttribute("columnspacing");
      document.getElementById("mtable2").removeAttribute("framespacing");

      // add spacing attributes
      document.getElementById("mtable3").setAttribute("rowspacing", "2ex 4ex");
      document.getElementById("mtable4").setAttribute("columnspacing", "2em 3em");
      document.getElementById("mtable5").setAttribute("framespacing", "2em 2ex");

      // framespacing doesn't apply with frame="none"
      document.getElementById("mtable6").setAttribute("framespacing", "2em 2ex");

      document.documentElement.removeAttribute("class");
    }
    window.addEventListener("MozReftestInvalidate", doTest, false);

  </script>
  </body>
</html>
